<?php
include ('../../../datos/general.php');
include ('../../../datos/conexion.php');
include ('../../../datos/storeprocedure.php');
validarSession('Coordinador');
$conn=obtenerConexion();
echo '<script>$("#cargarPlazas").show("slow");</script>';
?>
	<script>		
	var idDocente='';
	var idPlaza='';	
	var nombreProfesor='';
	var porcentaje='';
	var idEditar='';
	var gridPadre='';
	
	
	
	function listaPlazas(){
			$(".listaPlazas").flexigrid({
				url : 'Coordinador/proyeccionProfesor/necesarioAsociarPlazas/proyeccionCargarTablaPlazas.php',
				dataType : 'xml',
				colModel : [{ display : 'ID Plaza', name : 'idPlaza', width : 80, sortable : true, align : 'left', process: procMe}, 
							{ display : 'Porcentaje', name : 'porcentaje', width : 80, sortable : true, align : 'left', process: procMe},
							{ display : 'Profesor', name : 'nombreProfesor', width : 342, sortable : true, align : 'left', process: procMe}],
				searchitems : [	{display : 'Plan', name : 'idPlaza'},
								{display : 'Carrera', name : 'nombreProfesor'},
								{display : 'Curso', name : 'porcentaje'}],
				sortname : "idPlaza",
				sortorder : "asc",
				usepager : true,
				title : 'Plazas de profesores',
				useRp : true,
				rp : 10,
				showTableToggleBtn : false,
				width : 540,
				height : 220,
				singleSelect: true
			});
		}
	
		
	function procMe(celDiv,id,grid){
			$(celDiv).click
			(
				function ()
					{
						idDocente = id;
						gridPadre=grid;
						$("#divAgregar").hide("slow");
						document.location="#finalPlaza";
						document.getElementById('codigoPlaza').innerHTML=celDiv.innerHTML;
						cargarTablaPlazas();
					}
			);
		}

	function porcentajeAsignado(){
			$(".porcentajeAsignado").flexigrid({
				url : 'Coordinador/proyeccionProfesor/necesarioAsociarPlazas/plazaCargarTabla.php',
				dataType : 'xml',
				colModel : [{ display : 'ID Plaza', name : 'idPlaza', width : 40, sortable : true, align : 'left', process: limpiar}, 
							{ display : 'Porcentaje', name : 'porcentaje', width : 60, sortable : true, align : 'left', process: limpiar},
							{ display : 'Porcentaje Asignar', name : 'idAsignar', width : 100, sortable : true, align : 'left', process:limpiar},
							{ display : 'Profesor', name : 'nombreProfesor', width : 290, sortable : true, align : 'left', process: limpiar}],
				buttons : [{name : 'Agregar', bclass : 'agregar', onpress : agregarPlaza},
						   {name : 'Eliminar', bclass : 'eliminar', onpress : eliminarPlaza},
						   {name : 'Editar', bclass : 'edit', onpress : editarPlaza}],
				sortname : "numeroGrupo",
				sortorder : "asc",
				usepager : false,
				title : 'Lista de grupos para el curso',
				useRp : true,
				rp : 10,
				showTableToggleBtn : false,
				width : 540,
				height : 110,
				singleSelect: true
			});
		}
	
	function  limpiar(celDiv,id){
			$(celDiv).click
			(
				function ()
					{
						document.getElementById('porcentajeAsignar').value='';
						document.getElementById('respuestaAgregarPlaza').innerHTML="";
					}
			);
		}
	
	function obtenerParametrosEditar(grid){
		var items = $('.trSelected', grid);
		if(items.length>0){
			idEditar = items[0].id.substr(3);
			idPlaza = $('td[abbr="idPlaza"] >div', items).html();
			nombreProfesor = $('td[abbr="nombreProfesor"] >div', items).html();
			porcentaje = $('td[abbr="porcentaje"] >div', items).html();
			document.getElementById("porcentajeAsignar").value=$('td[abbr="idAsignar"] >div', items).html();
			return true;
			}
		else return false;
		}
	
	function editarPlaza(com, grid) {
		document.getElementById('mensajeAsignarPlaza').innerHTML='Editar una plaza';
		if (obtenerParametrosEditar(grid)){
			$("#divAgregar").show("slow");
			document.getElementById('porcentajeAsignar').focus();
			document.getElementById('codigoPlaza').innerHTML=idPlaza;
			document.location="#finalPlaza";
			}
			else alert('Debe seleccionar un registro.');
		}
	
	function eliminarPlaza(com, grid) {
		var items = $('.trSelected', grid);
			if(items.length>0){
				idEliminar = items[0].id.substr(3);
				idEditar='';
				arregloPlazas.splice(idEliminar,1);
				cargarTablaPlazas();
				cargarPorcentajeTotal();
			}
			else alert('Debe seleccionar un registro.');
		}
		
	function obtenerParametros(grid){
		var items = $('.trSelected', gridPadre);
		if(items.length>0){
			idPlaza = $('td[abbr="idPlaza"] >div', items).html();
			nombreProfesor = $('td[abbr="nombreProfesor"] >div', items).html();
			porcentaje = $('td[abbr="porcentaje"] >div', items).html();
			return true;
			}
		else return false;
		}
		
	function agregarPlaza(com, grid) {
		if(obtenerParametros(gridPadre)){
			document.getElementById('mensajeAsignarPlaza').innerHTML='Asignar una plaza';
			if(idDocente!=''){
				$("#divAgregar").show("slow");
				document.location="#finalPlaza";
				document.getElementById('porcentajeAsignar').focus();
			}
		}
		else alert('Debe seleccionar una plaza.');
		}
	
	function registrarPlaza(){
			var porcentajeAsignar = document.getElementById('porcentajeAsignar').value;
			if(porcentajeAsignar!=''){
				plazaNueva = new plaza();
				if(idEditar==''){
					plazaNueva.llenarDatos(arregloPlazas.length,idPlaza,idDocente,porcentaje,porcentajeAsignar,nombreProfesor);
					flag=true;
					for(i=0;i<arregloPlazas.length;i++){
						plazaAux = arregloPlazas[i];
						if(plazaAux.idPlaza==idPlaza)
							flag=false;
						}
					if(flag)
						arregloPlazas.push(plazaNueva);
					else alert('Esa plaza ya fue agregada');
					}
				else {
					plazaNueva.llenarDatos(idEditar,idPlaza,idDocente,porcentaje,porcentajeAsignar,nombreProfesor);
					arregloPlazas[idEditar]=plazaNueva;
				}
				cargarTablaPlazas();
				cargarPorcentajeTotal();
				document.getElementById('porcentajeAsignar').value='';
				document.getElementById('respuestaAgregarPlaza').innerHTML="";
				}
			else document.getElementById('respuestaAgregarPlaza').innerHTML="Hay datos sin completar.";
		}
	
	function cargarPorcentajeTotal(){
		var total=0;
		for(i=0;i<(arregloPlazas.length);i++){
			var grupoAux = arregloPlazas[i];
			total+=parseInt(grupoAux.porcentajeAsignar);
			}		document.getElementById('porcentajeTotal').innerHTML=total;
		}
	function cargarTablaPlazas(){
		var arregloEnviar= new Array();
		for(i=0;i<(arregloPlazas.length);i++){
			var plazaAux = arregloPlazas[i];
			arregloEnviar.push(new Array(plazaAux.obtenerDatos()));
			}
		parametros="arreglo="+encodeURIComponent(arregloEnviar);
		cargar ("respuestaAgregarPlaza", "", "Coordinador/proyeccionProfesor/necesarioAsociarPlazas/cargarPlazas.php", "POST", parametros, true, "");
		}
	
	function registrarCambios(){
		var nombreProyeccion = document.getElementById('nombreProyeccion').value;
		var semestreProyeccion = document.getElementById('semestreProyeccion').value;
		var annoProyeccion = document.getElementById('annoProyeccion').value;
		var arregloEnviar= new Array();
		for(i=0;i<(arregloGrupos.length);i++){
			var grupoAux = arregloGrupos[i];
				arregloEnviar.push(new Array(grupoAux.obtenerDatos()));
			}
		if(nombreProyeccion!='' && semestreProyeccion!='' && annoProyeccion!='' && arregloEnviar.length>0){
			parametros="tipo="+encodeURIComponent("registrarDatos")+"&arreglo="+encodeURIComponent(arregloEnviar)+
					   "&nombreProyeccion="+encodeURIComponent(nombreProyeccion)+"&semestreProyeccion="+encodeURIComponent(semestreProyeccion)+
					   "&annoProyeccion="+encodeURIComponent(annoProyeccion);
			cargar ("respuestaRegistroBD", "", "Coordinador/proyeccionCursos/proyeccionFunciones.php", "POST", parametros, true, "");
			
		}
		else document.getElementById('respuestaRegistroBD').innerHTML="Hay datos sin completar.";
		}
		cargarTablaPlazas();
		cargarPorcentajeTotal();
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="left">
        	<div>
            <table>
            	<tr>
                	<td>
                    	<strong style="font-size:14px">Porcentaje asignado de plazas:</strong> <label id="porcentajeTotal">0</label>%<br/>
                    	<h3>Lista de plazas disponibles</h3>
           				<table class="listaPlazas" style="display: none"></table>
		                <script>listaPlazas();</script>
                    </td>
                </tr>
                <tr>
                	 <td>
                     	<h3>Lista de plazas agregados al profesor seleccionado:</h3>
                    	<table class="porcentajeAsignado" style="display: none"></table>
		                <script>porcentajeAsignado();</script>    
                    </td>
                     <td valign="top">
                    	<br />
                        <br/>
                        <br/>                        
                    	<div id="divAgregar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none">
                    	<table >
                        	<tr>
                            	<td colspan="2">
                                	<h3 id="mensajeAsignarPlaza">Asignar una plaza</h3>
                                </td>
                            </tr>
                        	<tr>
                            	<td>
                                	Código plaza:
                                </td>
                            	<td id="codigoPlaza"></td>
                            </tr>
                        	<tr>
                            	<td>
                                	Porcentaje asignar:
                                </td>
                            	<td>
                                	<input type="text" id="porcentajeAsignar"/>
                                </td>
                            </tr>
                        	<tr>
                            	<td style="color:#F00" id="respuestaAgregarPlaza">	
                                </td>
                            	<td align="right">
                                <button onclick="$('#divAgregar').hide('slow');" class="boton">Ocultar</button>
                                	<button onclick="registrarPlaza()" class="boton">Registrar</button>
                                </td>
                            </tr>
                        </table>
                     	</div>
                        <a name="finalPlaza"></a>
                    </td>
                </tr>
            </table>
            </div> <!-- Div proyecciones cursos-->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->